layui.use(['form', 'table', 'upload', 'element', 'admin'], function () {
    var form = layui.form,
        layer = layui.layer,
        table = layui.table,
        $ = layui.$,
        upload = layui.upload,
        admin = layui.admin,
        element = layui.element;

        element.init(); //初始化element

    /**
     * 初始化表单，要加上，不然刷新部分组件可能会不加载
     */
    form.render();

    //点击保存上传视频
    var videosNum = 0; //上传视频总数
    var videosCount = 0; //已成功上传的视频数量
    var uploadInst = upload.render({
        elem: '#uploadVideosBtn'
        ,url: '/rw/videos/uploadVideos' //改成您自己的上传接口
        ,multiple: true //多文件上传
        ,accept: 'video'
        ,number: 9 //一次只能上传6张视频
        ,acceptMime: 'video/mp4' //只显示视频文件
        ,auto: false //点击按钮才上传
        ,bindAction: '#btnSubmit'
        ,choose: function(obj){ //选中预览
            videosNum = 0; //初始化视频总数
            videosCount = 0; //初始化已成功上传的视频数量
            $('#pre_videos').empty(); //清空预览
            //预读本地文件示例，不支持ie8
            obj.preview(function(index, file, result){
                videosNum++;//上传视频总数
                $('#pre_videos').append('<video controls style="max-width:260px; margin: 5px;"><source src="'+ result +'" type="video/mp4">您的浏览器不支持视频。</video>');

                var percent = videosCount + '/' + videosNum;
                $("#videos-progress").attr('lay-percent', percent); //设置进度
                element.init(); //初始化element
            });

        }
        ,before: function(obj){ //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
            layer.load(2); //上传loading
        }
        ,done: function(res){ //
            //上传成功
            videosCount ++;
            var percent = videosCount + '/' + videosNum;
            // element.progress('images-progress', percent); //设置进度
            $("#videos-progress").attr('lay-percent', percent); //设置进度
            element.init(); //初始化element
        }
        ,allDone: function(obj){ //当文件全部被提交后，才触发
            layer.closeAll('loading'); //关闭加载层
            var text = '总视频数：' + obj.total + ' 个<br/>上传成功：' + obj.successful + ' 个<br/>上传失败：' + obj.aborted + ' 个';
            layer.open({
                content: text,
                yes: function(index, layero){
                    //关掉对话框
                    admin.closeThisDialog();
                }
            });
        }
    });

});